<!--right-model-->
<div class="content-wrapper">
	<section class="content-header">
		<h1>外界面文章管理</h1>
		<ol class="breadcrumb">
			<li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>首页</a>
			</li>
			<li><a th:href="@{/cities}">城市管理</a></li>
		</ol>
	</section>
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box">
					<div class="box-header">
						<div class="navbar">
							<ul class="nav navbar-nav">
								<li class="pull-left"><a class="j-add" href="javascript:void(0)">添加文章</a></li>
							</ul>
						</div>
						<div class="row">
							<ul class="col-xs-8 nav navbar-nav">
								<li class="col-xs-4"><select class="form-control">
										<option value="0">河套中心小学</option>
                                            <option value="1">出口加工区小学</option>
                                            <option value="2">红岛中心小学</option>
                                            <option value="3">汇海小学（原河套二小）</option>
                                            <option value="4">城阳八中</option>
                                            <option value="5">城阳十一中</option>
								</select></li>
								<li class="col-xs-4"><select class="form-control">
										<option value="全部栏目">全部栏目</option>
										<option value="交流访问">交流访问</option>
										<option value="网络学习">网络学习</option>
										<option value="课堂学习">课堂学习</option>
										<option value="教研组活动">教研组活动</option>
								</select></li>
							</ul>
							<form class="col-xs-3 pull-right">
								<div class="input-group ">
									<input type="text" class="form-control input-xs"
										placeholder="标题或者作者" /> <span class="input-group-btn">
										<button class="btn btn-info" type="button">搜索</button>
									</span>
								</div>
							</form>
						</div>
					</div>
					<div class="box-body m-mi-he">
						<table
							class=" table table-bordered table-hover table-condensed table-striped text-center"
							id="j-table-1">
							<thead>
								<tr>
									<td>标题</td>
									<td>作者</td>
									<td>归档日期</td>
									<td>操作</td>
								</tr>
							</thead>
							<tbody>
								<tr th:each="code:${codes}">
								    <td th:id="${code.id}" class="j-attr"><span th:text="${code.name}"></span></td>
								    <td><span th:text="${code.oname}"></span></td>
								    <td><span th:text="${code.code}"></span></td>
								    <td>
								        <a href="javascript:void(0)"><button
													type="button" class="btn btn-info btn-xs j-edit">编辑</button></a>
											<button type="button" class="btn btn-danger btn-xs j-remove">删除</button>
								    </td>
								</tr>
								</tbody>
						</table>
						<ul class="pagination pull-right">
							<li><a href="javascript:void(0)">上一页</a></li>
							<li class="active"><a href="javascript:void(0)">1</a></li>
							<li><a href="javascript:void(0)">2</a></li>
							<li><a href="javascript:void(0)">3</a></li>
							<li><a href="javascript:void(0)">4</a></li>
							<li><a href="javascript:void(0)">5</a></li>
							<li><a href="javascript:void(0)">6</a></li>
							<li><a href="javascript:void(0)">下一页</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>